<template>
  <div className="container">
    <div class="text-success">已完成列表</div>
    <ul class="list-group">
      <li v-for="(item, index) in dones" :key="index" class="list-group-item">{{ item }}</li>
    </ul>
  </div>
</template>

<script lang="ts">
import { computed, defineComponent, reactive } from 'vue';
import store from '@/store';

export default defineComponent({
  name: 'done',
  setup() {
    return reactive({
      dones: computed(() => store.state.dones) //此处就可以获取vuex状态管理中的todos
    });
  }
});
</script>

<style lang="scss" scoped></style>
